<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<!--效果1-->
<div class="nav ">
    <ul class="c1440">
        <li><a href="">菜单1</a>
            <div class="subitem">
                <ul>
                    <li><a href="">子菜单1</a></li>
                    <li><a href="">子菜单2</a></li>
                    <li><a href="">子菜单3</a></li>
                    <li><a href="">子菜单4</a></li>
                    <li><a href="">子菜单5</a></li>
                </ul>
            </div>
        </li>
        <li><a href="">菜单2</a>
            <div class="subitem">
                <ul>
                    <li><a href="">子菜单21</a></li>
                    <li><a href="">子菜单22</a></li>
                    <li><a href="">子菜单23</a></li>
                    <li><a href="">子菜单24</a></li>
                    <li><a href="">子菜单25</a></li>
                </ul>
            </div>
        </li>
        <li><a href="">菜单3</a>
            <div class="subitem">
                <ul>
                    <li><a href="">子菜单31</a></li>
                    <li><a href="">子菜单32</a></li>
                    <li><a href="">子菜单33</a></li>
                    <li><a href="">子菜单34</a></li>
                    <li><a href="">子菜单35</a></li>
                </ul>
            </div>
        </li>
        <li><a href="">菜单4</a>
            <div class="subitem">
                <ul>
                    <li><a href="">子菜单41</a></li>
                    <li><a href="">子菜单42</a></li>
                    <li><a href="">子菜单43</a></li>
                    <li><a href="">子菜单44</a></li>
                    <li><a href="">子菜单45</a></li>
                </ul>
            </div>
        </li>
        <li><a href="">菜单5</a>
            <div class="subitem">
                <ul>
                    <li><a href="">子菜单51</a></li>
                    <li><a href="">子菜单52</a></li>
                    <li><a href="">子菜单53</a></li>
                    <li><a href="">子菜单54</a></li>
                    <li><a href="">子菜单55</a></li>
                </ul>
            </div>
        </li>
    </ul>
</div>

</body>
</html>
